export default {
  name: 'jsx',
  data () {
    return {
      list: ['red', 'green', 'blue']
    }
  },
  render () {
    const items = this.list.map((item) => {
      return <li onClick={this.handleClick.bind(this, item)}>{item}</li>
    })
    return (
      <ul>
        {items}
      </ul>
    )
  },
  methods: {
    handleClick () {
      console.log(arguments)
    }
  }
}
